body{margin: 0px auto;width:100%; overflow-x:hidden}

*{box-sizing:border-box}

a{font-size:13px;text-decoration: none}

a:hover{color:#d42626 }

body,ul,p,li,div,td,input,select,textarea,hr{/*box-sizing:border-box;*/margin:0px 0px;padding:0px 0px;list-style:none; font-family:"Microsoft YaHei";}

h1,h2,h3,h4,h5,h6,b{color:#444444;margin:0px 0px;padding:0px 0px; font-weight:400;}

ul{ list-style: none;}

img{border: 0;padding:0px 0px;margin:0px 0px;}

a{color:#666}

a:hover{color:#00529c}

.clear{clear:both;}

.lf{float:left;}

.rt{float:right;}

.wh{width:100%;}

.bin{width:100%}

.container{ width:1200px; margin:auto;}

.wor{ line-height:24px; color:#666; font-size:13px;}

.bg_white{ background:#fff}

/*效果*/

.slow,.slow a,.slow .box,.slow li a,.slow li a,.rom h4,.slow h4,.slow p,.slow img,.slow b,.slow em,.slow .effect_img img,.slow .effect_img,.LRM li .goods-name b,.slow button,

.frame button,.sonNavBox li h3,.header .nav ul li,.rollBox .pl .box span,.rollBox .LeftBotton, .rollBox .RightBotton,.homeA .right a .box,.icoBoxOne,.list-two ul li,.picScroll-left .hd .prev,.picScroll-left .hd .next,#pages,#pages a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

.effect_two{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.effect_two .effect_two_img{position:relative;display:block;width:500px; height:413px;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.effect_two:hover .effect_two_img,.homeC .middle a.one:hover .effect_two_img,.homeB .box:hover  .effect_two_img,.picScroll-left .bd ul li a:hover .effect_two_img,.list-one a:hover .effect_two_img,.list-two ul li:hover .effect_two_img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.effect_two .effect_two_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.effect_two .effect_two_caption,.effect_two .effect_two_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.effect_two .effect_two_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}

.effect_two:hover .effect_two_caption_h{color:#fff;opacity:1}

.effect_two .effect_two_caption_p{font-size:18px;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}

.effect_two:hover .effect_two_caption_p{color:#fff;opacity:1}

/*banner_page*/

.banner_page{float:left; width:100%;}

.banner_page img{display: blcok;width:100%; height: auto;}

/*more*/

.more{ background: url(../images/more.png) no-repeat right; padding-right:10px;}

/*site*/

.site{float:left;width:100%; border-bottom:solid 1px #ddd;padding:0 0 10px 0; font-size:13px;color:#666;margin:15px 0}

.site a{ color:#666; font-size:13px;margin:0 3px; }

.site .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}

.site .frame{ text-align: right;}

.site a:hover{color:#00509a}

/*submenu*/

.submenu{ display:none;width:100%;    border-radius:0px 0 10px 10px; border:1px #f5f5f5 solid;margin:50px 0 0 -50px;padding:10px 0 10px 0;max-width:170px; background:#fff; position:absolute; z-index:999;}

header .submenu a{ float:none;display: block;color:#999;line-height:40px; border-bottom:1px #eee solid;text-align:center;font-size:14px;}

.submenu a:hover{ background:#ddd; color:#666}

.submenu a{padding:0 5px}

.submenu a:last-child{ border:none}

/*page*/

.page{}

.page .box{padding:20px; margin:0 0 20px 0 }

/*show*/

.show{ float:left;width:100%; margin:10px 0 50px 0}

.banner-page{ position:relative;width:100%;height:300px; overflow:hidden;}

.banner-page img{ position:absolute; left:50%; width:1920px;height:300px;margin-left:-960px}

/*pages*/

#pages{float:left;width:100%; margin:20px 0 50px 0; text-align:center;}

/*pe_top*/

.pe_top{width:100%; margin:20px 0 10px 0;}

.pe_top h1{font-size:23px;color:#42c9e1;; line-height:45px; font-weight:400; text-align:center; border-bottom: solid 1px #ddd}

.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}

.pe_top span b{ font-weight:400}

/*sonNav

.sonNavBox{border: 1px #ddd solid;}

.sonNavBox h2{  background:#42c9e1 url(../images/iconav.png) no-repeat left; background-position:10px 25px;padding:25px 10px 25px 80px;font-size:20px; color:#fff}

.sonNavBox h2 span{ display:block;font-size:15px;color:#eee;text-transform:uppercase;}

.sonNavBox h2{}

.sonNavBox li{ border-bottom:1px #ddd solid;}

.sonNavBox li h3{padding:10px 20px;  cursor: pointer;}

.sonNavBox li h3 a{  color:#666; font-size:15px;padding-left:10px;background:url(../images/iconavli.png) no-repeat left}

.sonNavBox li .sonNavContent{ border-top:1px #ddd solid;}

.sonNavBox li .sonNavContent a{ display: block;padding:7px 5px 7px 85px;  color:#666; font-size:14px; border-bottom: dashed 1px #ddd; }

.sonNavBox li h3:hover,.sonNavBox li h3.active{ background:#2db1c9 ; color:#fff}

.sonNavBox li h3.active a{ color:#fff}

.sonNavBox li .sonNavContent a:hover{color:#2db1c9}*/

/*banner*/

.banner { width:100%; overflow:hidden; margin:0 auto; margin-top:0px; }

.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }

.banner_ul { width:100%; margin:0; padding:0; }

.banner_ul li{ width:100%;}

.banner_ul img { display:block; margin:0 auto; position:relative; width:1920px;height:600px;}

.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }

.banner .rslides_tabs{position:absolute; bottom:30px; left:45%;}

.banner .rslides_tabs li{float:left;margin:0 5px;}

.banner .rslides_tabs a{float:left;border-radius:20px;width:50px;height:3px; background: #fff; font-size:0;}

.banner .rslides_tabs .rslides_here a{ background:#dd9322}

.banner .prev,.banner .prev,.banner .prev,.banner .next{position:absolute; top:250px; width:42px; height:84px;font-size: 0px; }

.banner .prev{left:90px;background:url(../images/prevc_ico.png) no-repeat;}

.banner .next{right:90px;background:url(../images/nextc_ico.png) no-repeat;}

/*download*/

.download{float:left; width:100%; margin:0px 0 50px 0;}

.download a{ float:left;width:409px;margin:0px 10px 20px 10px; border-radius: 10px;padding:15px;border: 3px #ddd solid;}

.download a h4{color:#333;font-size:16px;}

.download a p{color:#999; font-size:13px;margin:5px 0}

.download a span{ display: block;margin:20px 0 0 0;font-size:12px;color:#999}

.download a span em{float:right; background:#ccc;border-radius: 20px;padding:5px 10px; color:#fff; font-size:x-small;}

.download a:hover{ border: 3px ##00509a solid;}

.download a:hover h4{ color:##00509a}

.download a:hover span em{background:##00509a}

/*contact*/

.contact{}

.contact h2{ color:#1a1a1a; font-size:25px;margin:0px 0 50px 0; }

.contact .long{ float:left;width:100%}

.contact .long b{ float: left; width:20%; /*border-right: solid 1px #ddd ;*/ text-align: center;}

.contact .long b h4{ color:#999; font-size:14px; font-weight:400}

.contact .long b h4 span{margin:5px 0; display: block;; color:#666; font-size:13px;}

.contact .box{ font-size:14px;color:#666; line-height:25px;}

.contact #dituContent{ float:left;width:100%;height:450px; margin:40px 0 0 0;}

/*commente*/

.comments{ float:left; width:100%;  margin:0 0 20px 0}

.comments form{ width:100%; margin:auto;padding:0px 0 50px 0;}

.comments form .one{ float:left; width:48%; margin-right:3%}

.comments form .two{ float:right; width:48%;}

.comments form .three{ float:left; width:100%;}

.comments input{outline: none; border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777;  height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;}

.comments form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; }

.comments form *::-moz-placeholder{color:#000}

.comments form button{ float:left;display:block;cursor: pointer;  background:#666; font-size:17px; border:none; margin:20px auto; color:#fff; padding:10px 50px;}

.comments form button:hover{ background:#033572}

.comments .title{ float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px;   /* font-family: 'Gabriela', serif;*/}

.comments .title {}

.comments .title b{  margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400; }

.comments .title span{

    display: block;

    border: 2px solid #ccc;

    width: 14px;

    height: 14px;

    border-radius: 100%;

    margin: .4em auto 0em;

    position: relative;

}

/*show-product*/

.show-product{float:left;width:100%;}

.show-product .left{float:left; width:350px;}

.show-product .left img{max-width:100%;width:100%}

.show-product .right{ float:right; width:550px}

.show-product .right .title{ color:#333; font-size:18px; font-weight:bold}

.show-product .right .box{ margin:20px 0 0 0; color:#666; font-size:13px; line-height:24px; }

.show-product .right .frame{margin-top:20px; padding-top:20px; border-top: 1px #ddd solid; padding-left:35px;color:#666; font-size:12px;background: url(../images/tel-ico01.png) no-repeat left; background-size:30px; background-position:0px 28px }

.show-product .right .frame b{ display: block;margin:3px 0 0 0;color:#00509a; font-size:20px;}

.show-product .down{ float:left; width:100%; margin:30px 0 0 0;}

.show-product .down h2{ color:#333; font-size:20px; line-height: 45px;; margin:0 0 20px 0;border-bottom:solid 1px #999}

/*list-one*/

.list-one a{float:left; width:290px; margin:10px 10px 20px 10px}

.list-one a img{ width:100%;}

.list-one a h4{font-size: 18px;margin:15px 0;color: #333;}

.list-one a p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;line-height:22px;}

/*.list-one a span{ float:left;display: block;color:#999999;border:1px #999 solid;  padding:5px 25px;}*/

.list-one a:hover .icoBoxOne{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}

.list-one a:hover p,.list-one a:hover h4{color:#00529C}

/*list-two*/

.list-two{}

.list-two ul{ float:left; margin:0px 0 0 0;}

.list-two ul li{ float:left; width:100%;margin:0 0 30px 0; background:#f3f3f3; }

.list-two ul li img{float:left;width:200px;}

.list-two ul li .right{ float:left; width:675px;padding:20px;}

.list-two ul li .right h4{ color:#333;font-size:18px;}

.list-two ul li:hover .right h4{ color:#00509a;}

.list-two ul li .right span{ display: block;color:#b4b3b1; font-size:12px;line-height:25px;}

.list-two ul li .right p{ margin:20px 0 0 0;color:#555555;  font-size: 14px;line-height:25px;}

.list-two ul li:hover{ background:#eee}

.list-two ul li:hover p{color:#00509a}

.list-two ul li .left{width:250px;height:182px;}

/*list-three*/

.list-three a{float:left; width:290px; margin:10px 10px 20px 10px}

.list-three a img{ width:100%;height:230px;}

.list-three a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}

/*list-hj*/

.list-hj a{float:left; width:290px; margin:10px 10px 20px 10px}

.list-hj a img{ width:100%;height:196px;}

.list-hj a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}

/*scroll*/

.rollBox{ position:relative;float:left;width:1220px; margin:20px 0 20px 0; border: 1px #ddd solid;padding:15px;}

.rollBox .LeftBotton, .rollBox .RightBotton { position:absolute;z-index:99; float:left;color:#ffffff; background:#000;/*background:url(../images/left.png) no-repeat; */cursor:pointer;}

.rollBox .LeftBotton, .rollBox .RightBotton{height:45px;width:40px; }

.rollBox .LeftBotton{left:-20px;top:100px;background:#000 url(../images/prve_ico.png) no-repeat center;}

.rollBox .RightBotton{right:-15px;top:100px;background:#000 url(../images/next_ico.png) no-repeat center; }

.rollBox .LeftBotton:hover{ background:#1CBAC8 url(../images/prve_ico.png) no-repeat center;}

.rollBox .RightBotton:hover{ background:#1CBAC8 url(../images/next_ico.png) no-repeat center;}

.rollBox .Cont{ float:left;width:1210px;overflow:hidden;margin-left:0px; }

.rollBox .ScrCont{width:32766px;}

.rollBox #List1,.rollBox #List2{float:left;}

.rollBox .pl { float:left;width:201.6px;overflow:hidden;text-align:center;}

.rollBox .pl img{ width:180px; }

.rollBox .pl a:hover img{ opacity: 0.9;}

.rollBox .pl a{ width:180px; display:block;margin:auto;position:relative;}

.rollBox .pl .box{margin:30px 0 0 0}

.rollBox .pl .box h4{font-size: 20px;color: #333;}

.rollBox .pl .box p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;}

.rollBox .pl .box span{ margin:auto;display: block;width:80px;border-radius: 10px; color:#999999;border:1px #999 solid;  padding:3px 15px;}

.rollBox .pl a:hover .box span{  color:#ffffff; background: #1CBAC8; border:1px #1CBAC8 solid; }

.rollBox .pl a:hover .box h4{color:#1CBAC8}

.rollBox .pl .imgbox{ position: relative;}

.rollBox .pl a:hover .effect_two_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.imgc {

    max-width: 930px;

    height: auto;

    display: block;

    margin: 0 auto;

}